<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery Google plus button generator Example</title>

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
    <script type="text/javascript" src="jcPlusBtn.js"></script>
    <style type="text/css">
        #myDiv,#myDiv2 {
            border: 10px solid rgba(140, 140, 82, .7);
            -webkit-border-radius: 8px;
            border-radius: 8px;
            z-index: 10000;
            width:400px;
            padding:10px;
            font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
            margin-bottom: 10px;
        }
    </style>
        <script type="text/javascript">

                jQuery(document).ready(function(){
                    jQuery("#myDiv,#myDiv2").jcPlusBtn({annotation:'bubble',
                                                href:"http://jaspreetchahal.org/jquery-plugin-to-generate-google-plus-one-1-buttons"});
                })
    </script>
</head>
<body>
<div style="position:relative !important;width:500px;height:500px" >
    <div id="myDiv"></div>

    <div id="myDiv2"></div>
<br>
<br>
<br>

    <strong>You will be +1'ng this article http://jaspreetchahal.org/jquery-plugin-to-generate-google-plus-one-1-buttons</strong>

</div>
</body>
</html>

